import { onMounted } from 'vue'

export function Vblur (app: any) {
  return app.directive('blur', {
    mounted: function (el: any, binding: any, vnode: any) {
      el.addEventListener('blur', () => {
        // 失焦之后获取最新焦点元素
        // 使用setTimeout确保能获取到新的焦点元素
        setTimeout(() => {
          const activeElement = document.activeElement
          if (activeElement) {
            // 点击到了右键菜单上或者右键菜单的按钮上
            if (
              activeElement.classList.contains('containerContent') ||
              activeElement.classList.contains('rightMenuBtn')
            ) {
                binding.value(false)
            }else{
                binding.value(true)
            }
          }
        }, 0)
        
      })
    }
  })
}
